import React, { Component } from 'react';

// hoc
// 是个组件，参数是组件,返回值你一个新的组件

const foo = Cmp => props => {
    return <div>
        <Cmp { ...props } omg="'omg'"></Cmp>
    </div>
}

function Child(props){
    return <div>Child</div>
}

const Foo = foo(Child)

// 装饰器，不支持，需配置
// @foo
// class ClassChild extends Component {
//     render() {
//         return (
//             <div>
//                 <h3>ClassChild</h3>
//             </div>
//         );
//     }
// }

class HocPage extends Component {
    render() {
        return (
            <div>
                <h3>Hoc</h3>
                <Foo />
                {/* <ClassChild /> */}
            </div>
        );
    }
}

export default HocPage;